/*上门回收*/
html,body{
	height:100%;
}

body{
	display:flex;
	flex-direction:column;
}

.main-content{
	display:flex;
	flex:1;
	flex-direction: row;
	
	.menu{
		width:90px;
	}
}

.menu{
	div{
		padding:8px;
		text-align:center;
		font-size:16px;
		border-bottom:1px solid #efefef;
	}
	.active{
		background: #ff7043;
		color:#fff;
	}
}

.phones{
	flex:1;
	background: #eaeaec;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding:10px;
	&:after{
		content:"";
		display:inline-block;
		width:100%;
	}
	.phone{
		float:left;
		font-size: 14px;
		width: 50%;
		text-align: center;
		padding:5px;
		box-sizing: border-box;
		
		.mui-card{
			margin:0;
			padding:8px;
		}
		
		img{
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			bottom:0;
			right:0;
		}
	}
	.phone-cover{
		font-size:0;
		position:relative;
		padding:50%;
		margin-bottom:4px;
	}
}